//
// Utility mixins & styles for Arctica
//


// To turn off support for IE6 or IE7, set these variables to false.
$legacy-support-for-ie6: true;
$legacy-support-for-ie7: true;
// Zen does not have any special handling for IE8 or later. But Compass defines
// more Legacy IE variables that you might find useful for your project.
//@import "compass/support";


// clearfix as defined by Drupal
@mixin clearfix {
  &:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
  }
  // IE6
  @if $legacy-support-for-ie6 {
    * html & {
      height: 1%;
    }
  }
  // IE7
  @if $legacy-support-for-ie7 {
    *:first-child + html & {
      min-height: 1%;
    }
  }
}

// element-invisible as defined by http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
@mixin element-invisible {
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  @if $legacy-support-for-ie7 or $legacy-support-for-ie6 {
    clip: rect(1px 1px 1px 1px); // IE6 and IE7 use the wrong syntax.
  }
  clip: rect(1px, 1px, 1px, 1px);
}

@mixin element-focusable {
  @include element-invisible;

  &:active,
  &:focus {
    position: static !important;
    clip: auto;
    height: auto;
    width: auto;
    overflow: auto;
  }
}